/*banner*/
.swiper-button-next, .swiper-button-prev{width:40px;height:40px;margin-top:-20px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.swiper-button-prev{left:0;background:rgba(0,0,0,0.16) url(../images/icon/left.png) no-repeat center;background-size:auto 24px;}
.swiper-button-next{right:0;background:rgba(0,0,0,0.16) url(../images/icon/right.png) no-repeat center;background-size:auto 24px;}
.banAnimation{-webkit-transition:all 1s;transition:all 1s;opacity:0;transition-delay: 0.5s;-webkit-transition-delay: 0.5s;}
.banner{position:relative;width:100%;}
.banner .swiper-pagination{bottom:28px;}
.banner .swiper-pagination span{background:#fff;opacity:1;border-radius:4px;margin:0 8px;}
.banner .swiper-pagination .swiper-pagination-bullet-active{width:36px;}
.banner .swiper-slide{display: block;width:100%;position:relative;overflow:hidden;}
.banner .swiper-slide a{display: block;width:100%;}
.banner .swiper-slide>img{width:100%;}
.banner .swiper-button-next,.banner .swiper-button-prev{width:40px;height:76px;top:50%;margin-top:-38px;opacity:0;}
.banner .swiper-button-prev{left:0;}
.banner .swiper-button-next{right:0;}
.banner:hover .swiper-button-next,
.banner:hover .swiper-button-prev{opacity:1;}
.pcBanner,.mobileBanner{width:100%;}
.mobileBanner{display:none;}

.banner_text .container{position:absolute;left:50%;top:50%;z-index:9;transform:translate(-50%,-50%);padding-top:0;overflow: hidden;}
.banner_text img{width:auto;display:block;max-width:50%;margin:0;}
.banner_text .bt{width:100%;margin:0 auto;}
.banner1 .banner_text img{transform:translateX(-100%)}
.banner2 .banner_text img{transform:translateY(-100%)}
.banner3 .banner_text img{transform:translateY(100%)}
.banner4 .banner_text img{transform:scale(0)}
.banner5 .banner_text img{transform:translateX(100%)}
.banner .swiper-slide-active .banner_text img{opacity:1;transform:none;transition-delay:.5s}
.banner .swiper-slide-active>img{animation:imgZoomIn 2s ease 0s forwards;-webkit-animation:imgZoomIn 2s ease 0s forwards;-ms-animation:imgZoomIn 2s ease 0s forwards;}



/*首页共用*/
.indexItem{padding:70px 0;}
.index_title{margin-bottom:50px;}
.index_title .ch{font-size:24px;}
.index_title .en{font-size:16px;color:#999999;text-transform: capitalize;margin-top:6px;}



/*第一屏  案例*/
.indexItem01{padding-bottom:50px;}
.caseList_box{width:100%;overflow: hidden;}
.caseList{overflow: hidden;display: flex;flex-flow: row wrap;margin-left:-15px;margin-right:-15px;}
.caseList:before,
.caseList:after{display: none;}
.caseItem{position:relative;float:left;width:33.333333%;padding-left:15px;padding-right:15px;border-bottom:1px solid #ccc;margin-bottom:30px;background:#fff;-webkit-transition: all 0.3s;transition: all 0.3s;}
.caseItem .p_text{position: relative;padding:25px 0;}
.caseItem .ch{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.caseItem .en{font-size:12px;color:#999;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.caseItem .p_text:before{content: '';position: absolute;width:100%;height:2px;background:#0b5898;left:0;bottom:0;opacity: 0;-webkit-transition: all 0.3s;transition: all 0.3s;}
.caseItem:hover .ch{color:#0b5898;}
.caseItem:hover .p_text:before{opacity: 1;}
.caseItem:hover .img>img{-webkit-transform: scale(1.05);transform: scale(1.05);}



/*第二屏  关于我们*/
.index_about_text{width:52%}
.index_about_text h3{font-size:20px;}
.index_about_text .text{color:#666;line-height: 30px;margin:30px 0;}
.index_about_text a{display: block;width:156px;height:40px;line-height: 38px;text-align: center;border:1px solid #e3e3e3;color:#999;}
.index_about_img{width:48%;max-width:422px;padding:6px;background:#ffffff;}
.index_about_img img{width:100%;}
.index_about_text a:hover{border-color:#0b5898;background:#0b5898;color:#fff;}

/*第三屏  新闻*/
.indexItem.indexItem03{padding-bottom:120px;}
.index_news_left{width:42.3%;background:#f8f8f8;}
.index_news_left a{padding:40px 60px;}
.index_news_left .date{font-size:24px;color:#c0c0c0;margin-bottom:20px;}
.index_news_left h2{font-size:20px;-webkit-transition: all 0.3s;transition: all 0.3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index_news_left .p{line-height: 22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;border-left:2px solid #dadada;margin:25px 0 35px;padding-left:25px;}
.index_news_left .a{display: block;margin-top:30px;width:146px;height:40px;line-height: 38px;border:1px solid #e3e3e3;color:#999;font-size:24px;text-align: center;-webkit-transition: all 0.3s;transition: all 0.3s;}
.index_news_left a:hover .a{border-color:#0b5898;background:#0b5898;color:#fff;}
.index_news_left a:hover h2{color:#0b5898;}

.index_news_right{width:47%;}
.index_news_right a{padding:40px 18px 40px 40px;border-top:1px solid #dadada;}
.index_news_right a:last-child{border-bottom:1px solid #dadada;}
.index_news_right .tit{position: relative;line-height:22px;}
.index_news_right .date{position: absolute;font-size:22px;color:#999;right:0;top:0;/* opacity: 0;-webkit-transition: all 0.3s;transition: all 0.3s; */}
.index_news_right h2{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:120px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.index_news_right .tit:before{content:'';position: absolute;width:5px;height:5px;border-radius: 50%;top:8px;left:-25px;background:#9f9f9f;}
.index_news_right .p{position: relative;line-height: 24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:15px;padding-right:120px;}
.index_news_right .p:before{content: '';position: absolute;width:34px;height:15px;border-left:1px solid #dadada;background:url(../images/icon/icon_9.png) no-repeat right center;top:50%;margin-top:-7px;right:15px;opacity: 0;-webkit-transition: all 0.3s;transition: all 0.3s;}
.index_news_right a:hover h2{color:#0b5898;}
.index_news_right a:hover .tit:before{background:#333;}
.index_news_right a:hover .p:before{opacity: 1;}



@media ( min-width: 1400px ) and ( max-width: 1599px ){
		/*banner*/
		.banner .swiper-pagination{bottom:24px;}
		
		/*第一屏  案例*/
		.indexItem{padding:60px 0;}
		.index_title{margin-bottom:45px;}
		
		.indexItem01{padding-bottom:40px;}
}
@media ( min-width: 1200px ) and ( max-width: 1399px ){
		/*banner*/
		.banner .swiper-pagination{bottom:20px;}
		
		/*第一屏  案例*/
		.indexItem{padding:50px 0;}
		.index_title{margin-bottom:40px;}
		
		.indexItem01{padding-bottom:30px;}
		
		
		/*第三屏  新闻*/
		.index_news_left a{padding:40px 50px;}
		.index_news_right .date{font-size:20px;}
		.index_news_right h2,
		.index_news_right .p{padding-right:100px;}
	
}

@media ( min-width: 992px ) and ( max-width: 1199px ){
		/*banner*/
		.swiper-pagination-bullet{height:6px;}
		.banner .swiper-pagination{bottom:20px;}
		
		/*第一屏  案例*/
		.indexItem{padding:45px 0;}
		.index_title{margin-bottom:35px;}
		
		.indexItem01{padding-bottom:25px;}
		.caseItem .p_text{padding:20px 0;}
		
		/*第二屏  关于我们*/
		.index_about_text{padding-right:15px;}
		
		/*第三屏  新闻*/
		.index_news_left .date{font-size:20px;margin-bottom:15px;}
		.index_news_left h2{font-size:18px;}
		.index_news_left a{padding:30px 40px;}
		.index_news_left .p{margin:20px 0 30px;}
		.index_news_right .date{font-size:18px;}
		.index_news_right a{padding:28px 18px 28px 40px;}
		.index_news_right h2,
		.index_news_right .p{padding-right:100px;}
		.index_news_right .p:before{right:5px;}
		
}

@media ( min-width: 768px ) and ( max-width: 991px ){
		/*banner*/
		.swiper-pagination-bullet{height:4px;}
		.banner .swiper-pagination{bottom:15px;}
		
		
		/*第一屏  案例*/
		.indexItem{padding:40px 0;}
		.index_title{margin-bottom:30px;}
		.index_title .ch{font-size:22px;}
		.index_title .en{font-size:14px;margin-top:4px;}
		
		.indexItem01{padding-bottom:20px;}
		.caseList{margin-left:-10px;margin-right:-10px;}
		.caseItem{padding-left:10px;padding-right:10px;}
		.caseItem .p_text{padding:20px 0;}
		
		/*第二屏  关于我们*/
		.index_about_text h3{font-size:18px;}
		.index_about_text{padding-right:30px;}
		.index_about_text .text{margin:20px 0;}
		
		/*第三屏  新闻*/
		.indexItem.indexItem03{padding-bottom:100px;}
		.index_news_left .date{font-size:18px;margin-bottom:15px;}
		.index_news_left h2{font-size:16px;}
		.index_news_left a{padding:30px 30px;}
		.index_news_left .p{margin:20px 0 30px;}
		.index_news_right .date{font-size:16px;}
		.index_news_right a{padding:22px 15px 22px 40px;}
		.index_news_right h2,
		.index_news_right .p{padding-right:80px;}
		.index_news_right .p:before{right:0;}
	
}

@media ( min-width: 0px ) and ( max-width: 767px ){
		/*banner*/
		.swiper-pagination-bullet{height:4px;}
		.pcBanner{display:none;}
		.mobileBanner{display:block;}
		.banner .swiper-button-next, .banner .swiper-button-prev{display: none;}
		.banner .swiper-pagination{bottom:10px;}
		.banner_text img{max-width:60%}
		
		
		/*第一屏  案例*/
		.indexItem{padding:40px 0;}
		.index_title{margin-bottom:30px;}
		.index_title .ch{font-size:22px;}
		.index_title .en{font-size:12px;margin-top:4px;}
		
		.indexItem01{padding-bottom:20px;}
		.caseList{margin-left:-8px;margin-right:-8px;}
		.caseItem{width:50%;padding-left:8px;padding-right:8px;margin-bottom:20px;}
		.caseItem .p_text{padding:20px 0;}
		.caseItem .en{margin-top:8px;}


		
		/*第二屏  关于我们*/
		.index_about_text,
		.index_about_img{width:100%;margin-left:auto;margin-right:auto;float:none;}
		.index_about_text{margin-bottom:30px;}
		.index_about_text h3{font-size:18px;}
		.index_about_text .text{margin:15px 0;}
		
		/*第三屏  新闻*/
		.indexItem.indexItem03{padding-bottom:80px;}
		.index_news_left,
		.index_news_right{width:100%;}
		.index_news_left .date{font-size:18px;margin-bottom:15px;}
		.index_news_left h2{font-size:16px;}
		.index_news_left a{padding:30px;}
		.index_news_left .p{margin:20px 0 30px;padding-left:20px;}
		.index_news_right .date{font-size:16px;}
		.index_news_right a{padding:22px 15px 22px 30px;}
		.index_news_right h2,
		.index_news_right .p{padding-right:80px;}
		.index_news_right .p:before{right:0;opacity: 1;}
		.index_news_right .tit:before{left:-20px;}
	

}

@media ( min-width: 0px ) and ( max-width: 479px ){
		/*第一屏  案例*/
		.indexItem{padding:35px 0;}
		.index_title{margin-bottom:25px;}
		.index_title .ch{font-size:20px;}
		
		.caseItem .ch{font-size:14px;}
		.indexItem01{padding-bottom:15px;}

		/*第二屏  关于我们*/
		.index_about_text h3{font-size:16px;}

		/*第三屏  新闻*/
		.index_news_left a{padding:30px 20px;}
		.index_news_right h2,
		.index_news_right .p{padding-right:70px;}
}